/* Slider */



.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}



.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }

/* Dots */
.slick-dots { position: absolute; bottom: 20px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index:999; }
.slick-dots li { position: relative; display: inline-block; _display: inline; *zoom: 1; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }





.banner,.banner .slick-list,.banner .slick-track{ width: 100%; height:100%; top: 0; left: 0; }
.banner .slick-slide{ display: block; margin: 0; overflow: hidden; background-position: center; background-repeat: no-repeat;}
.banner img{ display:block; margin:auto; }
.banner .slick-dots{ bottom: 26px; right:0; left:0; margin:0 auto; overflow: hidden; position: absolute; width: auto; }
.banner .slick-dots li{ width: 30px; height: 20px; margin: 0; }
.banner .slick-dots button{ width: 30px; height: 20px; border: 0; background: url(../img/h_dot1.png) center center no-repeat; }
.banner .slick-dots li.slick-active button{ background: url(../img/h_dot2.png) center center no-repeat; }

.ban_img{ width: 100%; height: 100%; background-size: cover !important; }
.slick-slide.slick-active .ban_img,.swiper-slide.swiper-slide-active .ban_img{ transform: scale(1.1); }
.btext11{ position: absolute; top: 38.4%; left: 30%; width: 8%; }
.btext12{ position: absolute; top: 38.4%; left: 40%; width: 8%; }
.btext14{ position: absolute; top: 38.4%; left: 60%; width: 8%; }
.btext15{ position: absolute; top: 38.4%; left: 70%; width: 8%; }
.slick-slide .kd{position:relative; height:100%;}
.bn_ps{position:absolute; top:0; left:0; right:0; height:100%;}
.btext2{ }
.btext2 p{  font-size: 38px; color: #fff; line-height: 46px; font-weight:bold;text-shadow:0px 5px 5px #000;}
.btext2 div, .btext3 div{ width: 100%; height: 77px; overflow: hidden; display: block; position: relative; margin-top: -14px; }
.btext2 i,.btext3 i{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/btext23.png) left top repeat-x; background-size: 100% 100%; }
.btext3 h2 img{position:absolute; left:0; top:50%; margin-top:-50px;}
/* .btext2 h2{font-size:116px; color:#5acea4; position:absolute; left:0;} */
.btext2 h2{font-size:116px; color:#5acea4; position:absolute; left:50%;transform: translate(-50%,0);}
.btext2 h3{font-size:34px; color:#fff; right:0; position:absolute;}
.btext2 h4{font-size:60px; color:#fff;}



/************- animation -************/

.banner .slick-dots button{ transition: all 0.35s linear; -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; -o-transition: all 0.35s linear; }
.ban_img,.bra_pic div,.scul_img{ transition: all 8s linear 0s; -webkit-transition: all 8s linear 0s; -moz-transition: all 8s linear 0s; -o-transition: all 8s linear 0s; }



.container .title h3,.page_news .title h3{
    animation: tich 0.7s ease-out 0s;
    -webkit-animation: tich 0.7s ease-out 0s;
    -moz-animation: tich 0.7s ease-out 0s;
    -o-animation: tich 0.7s ease-out 0s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 1;
}
.culture.active .title h3,.product.active .title h3{
    animation: tich 0.7s ease-out 0.6s;
    -webkit-animation: tich 0.7s ease-out 0.6s;
    -moz-animation: tich 0.7s ease-out 0.6s;
    -o-animation: tich 0.7s ease-out 0.6s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 1;
}
@keyframes tich{ 0%{ opacity: 0; }100%{ opacity: 1; } }
@-webkit-keyframes tich{ 0%{ opacity: 0; }100%{ opacity: 1; } }
@-moz-keyframes tich{ 0%{ opacity: 0; }100%{ opacity: 1; } }
@-o-keyframes tich{ 0%{ opacity: 0; }100%{ opacity: 1; } }

.container .cul_line,.page_news .cul_line{
    animation: tiline 0.7s ease-out 0.2s;
    -webkit-animation: tiline 0.7s ease-out 0.2s;
    -moz-animation: tiline 0.7s ease-out 0.2s;
    -o-animation: tiline 0.7s ease-out 0.2s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 1; width: 100%;
}
.culture.active .cul_line,.product.active .cul_line{
    animation: tiline 0.7s ease-out 0.6s;
    -webkit-animation: tiline 0.7s ease-out 0.6s;
    -moz-animation: tiline 0.7s ease-out 0.6s;
    -o-animation: tiline 0.7s ease-out 0.6s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 1; width: 100%;
}
@keyframes tiline{ 0%{ width: 0; }100%{  width: 100%; } }
@-webkit-keyframes tiline{ 0%{ width: 0; }100%{ width: 100%; } }
@-moz-keyframes tiline{ 0%{ width: 0; }100%{  width: 100%; } }
@-o-keyframes tiline{ 0%{ width: 0; }100%{ width: 100%; } }

.res_main{
    animation: resmian 0.7s ease-out 0s;
    -webkit-animation: resmian 0.7s ease-out 0s;
    -moz-animation: resmian 0.7s ease-out 0s;
    -o-animation: resmian 0.7s ease-out 0s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 1; padding-top: 0;
}
@keyframes resmian{ 0%{ opacity: 0; padding-top: 50px; }100%{ opacity: 1; padding-top: 0; } }
@-webkit-keyframes resmian{ 0%{ opacity: 0; padding-top: 50px; }100%{ opacity: 1; padding-top: 0; } }
@-moz-keyframes resmian{ 0%{ opacity: 0; padding-top: 50px; }100%{ opacity: 1; padding-top: 0; } }
@-o-keyframes resmian{ 0%{ opacity: 0; padding-top: 50px; }100%{ opacity: 1; padding-top: 0; } }

/*.ms-right:hover .ms-section div{
    animation: mrise 2s ease-out 0s;
    -webkit-animation: mrise 2s ease-out 0s;
    -moz-animation: mrise 2s ease-out 0s;
    -o-animation: mrise 2s ease-out 0s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 1; padding-top: 0;
}
@keyframes mrise{ 
	0%{ filter:blur(5px); -webkit-filter:blur(5px); -moz-filter:blur(5px); -ms-filter:blur(5px); -o-filter:blur(5px); }
	100%{ filter:blur(0); -webkit-filter:blur(0); -moz-filter:blur(0); -ms-filter:blur(0); -o-filter:blur(0); }
}*/
/*@-webkit-keyframes resmian{ 0%{ opacity: 0; padding-top: 50px; }100%{ opacity: 1; padding-top: 0; } }
@-moz-keyframes resmian{ 0%{ opacity: 0; padding-top: 50px; }100%{ opacity: 1; padding-top: 0; } }
@-o-keyframes resmian{ 0%{ opacity: 0; padding-top: 50px; }100%{ opacity: 1; padding-top: 0; } }
*/


.main,.porf_bg1,.porf_bg2{
	animation: main 2.5s ease-out 0s;
	-webkit-animation: main 2.5s ease-out 0s;
	-moz-animation: main 2.5s ease-out 0s;
	-o-animation: main 2.5s ease-out 0s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1;
}
@keyframes main{ 0%{ opacity: 0; }100%{ opacity: 1; } }
@-webkit-keyframes main{ 0%{ opacity: 0; }100%{ opacity: 1; } }
@-moz-keyframes main{ 0%{ opacity: 0; }100%{ opacity: 1; } }
@-o-keyframes main{ 0%{ opacity: 0; }100%{ opacity: 1; } }

.slick-slide.slick-active .btext2 h2,.slick-slide.slick-active .btext2 h4,.slick-slide.slick-active .btext3 h2,
.swiper-slide.swiper-slide-active .btext2 h2,.swiper-slide.swiper-slide-active .btext3 h2{
	animation: btexth 1.5s ease-out 0.4s;
	-webkit-animation: btexth 1s ease-out 0.4s;
	-moz-animation: btexth 1.5s ease-out 0.4s;
	-o-animation: btexth 1.5s ease-out 0.4s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; 
}
.slick-slide.slick-active .btext2 h3{
	animation: btexwl 1.5s ease-out 1s;
	-webkit-animation: btexwl 1s ease-out 1s;
	-moz-animation: btexwl 1.5s ease-out 1s;
	-o-animation: btexwl 1.5s ease-out 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; 
}
@keyframes btexwl{ 0%{ opacity: 0; margin-right: -50px; }100%{ opacity: 1; margin-right: 0; } }
@-webkit-keyframes btexwl{ 0%{ opacity: 0;  margin-right: -50px; }100%{ opacity: 1; margin-right: 0; } }
@-moz-keyframes btexwl{ 0%{ opacity: 0;  margin-right: -50px; }100%{ opacity: 1; margin-right: 0; } }
@-o-keyframes btexwl{ 0%{ opacity: 0;  margin-right: -50px; }100%{ opacity: 1; margin-right: 0; } }



.slick-slide.slick-active .btext2 p,.slick-slide.slick-active .btext3 p,
.swiper-slide.swiper-slide-active .btext2 p,.swiper-slide.swiper-slide-active .btext3 p{
	animation: btextp 0.7s linear 1s;
	-webkit-animation: btextp 0.7s linear 1s;
	-moz-animation: btextp 0.7s linear 1s;
	-o-animation: btextp 0.7s linear 1s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; margin-top: 0;
}
@keyframes btextp{ 0%{ opacity: 0; margin-top: 20px; }100%{ opacity: 1; margin-top: 0; } }
@-webkit-keyframes btextp{ 0%{ opacity: 0; margin-top: 20px; }100%{ opacity: 1; margin-top: 0; } }
@-moz-keyframes btextp{ 0%{ opacity: 0; margin-top: 20px; }100%{ opacity: 1; margin-top: 0; } }
@-o-keyframes btextp{ 0%{ opacity: 0; margin-top: 20px; }100%{ opacity: 1; margin-top: 0; } }

.slick-slide.slick-active .btext2 i,.slick-slide.slick-active .btext3 i,
.swiper-slide.swiper-slide-active .btext2 i,.swiper-slide.swiper-slide-active .btext3 i{
	animation: btexti 0.7s linear 1.4s;
	-webkit-animation: btexti 0.7s linear 1.4s;
	-moz-animation: btexti 0.7s linear 1.4s;
	-o-animation: btexti 0.7s linear 1.4s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; width: 100%;
}
@keyframes btexti{ 0%{ opacity: 0; width: 0; }100%{ opacity: 1; width: 100%; } }
@-webkit-keyframes btexti{ 0%{ opacity: 0; width: 0; }100%{ opacity: 1; width: 100%; } }
@-moz-keyframes btexti{ 0%{ opacity: 0; width: 0; }100%{ opacity: 1; width: 100%; } }
@-o-keyframes btexti{ 0%{ opacity: 0; width: 0; }100%{ opacity: 1; width: 100%; } }

/*.slick-slide.slick-active .btext3 i{
	animation: btexti3 0.7s linear 1.4s;
	-webkit-animation: btexti3 0.7s linear 1.4s;
	-moz-animation: btexti3 0.7s linear 1.4s;
	-o-animation: btexti3 0.7s linear 1.4s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; margin-top: 0;
}
@keyframes btexti3{ 0%{ opacity: 0; margin-top: 20px; }100%{ opacity: 1; margin-top: 0; } }
@-webkit-keyframes btexti3{ 0%{ opacity: 0; margin-top: 20px; }100%{ opacity: 1; margin-top: 0; } }
@-moz-keyframes btexti3{ 0%{ opacity: 0; margin-top: 20px; }100%{ opacity: 1; margin-top: 0; } }
@-o-keyframes btexti3{ 0%{ opacity: 0; margin-top: 20px; }100%{ opacity: 1; margin-top: 0; } }
*/

.slick-slide.slick-active .btext11,.swiper-slide.swiper-slide-active .btext11{
	animation: pfimg 0.3s ease-out 0s;
	-webkit-animation: pfimg 0.3s ease-out 0s;
	-moz-animation: pfimg 0.3s ease-out 0s;
	-o-animation: pfimg 0.3s ease-out 0s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; margin-left: 0;
}
.slick-slide.slick-active .btext12,.swiper-slide.swiper-slide-active .btext12{
	animation: pfimg 0.3s ease-out 0.2s;
	-webkit-animation: pfimg 0.3s ease-out 0.2s;
	-moz-animation: pfimg 0.3s ease-out 0.2s;
	-o-animation: pfimg 0.3s ease-out 0.2s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; margin-left: 0;
}
.slick-slide.slick-active .btext13,.swiper-slide.swiper-slide-active .btext13{
	animation: pfimg 0.3s ease-out 0.4s;
	-webkit-animation: pfimg 0.3s ease-out 0.4s;
	-moz-animation: pfimg 0.3s ease-out 0.4s;
	-o-animation: pfimg 0.3s ease-out 0.4s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; margin-left: 0;
}
.slick-slide.slick-active .btext14,.swiper-slide.swiper-slide-active .btext14{
	animation: pfimg 0.3s ease-out 0.6s;
	-webkit-animation: pfimg 0.3s ease-out 0.6s;
	-moz-animation: pfimg 0.3s ease-out 0.6s;
	-o-animation: pfimg 0.3s ease-out 0.6s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; margin-left: 0;
}
.slick-slide.slick-active .btext15,.swiper-slide.swiper-slide-active .btext15{
	animation: pfimg 0.3s ease-out 0.8s;
	-webkit-animation: pfimg 0.3s ease-out 0.8s;
	-moz-animation: pfimg 0.3s ease-out 0.8s;
	-o-animation: pfimg 0.3s ease-out 0.8s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; margin-left: 0;
}




/************- @media -************/
/************- @media -************/
@media screen and (max-width:1700px) {



	.btext3{ margin-top: -130px; }
	.btext2 h2, .btext3 h2 { font-size: 30px; line-height: 46px; letter-spacing: 14px; }
	.btext2 p, .btext3 p { font-size: 32px; font-weight:bold; line-height: 40px; }
	.btext2 div, .btext3 div{ height: 66px; }

}

@media screen and (max-width:1150px) {

}

@media screen and (max-width:1400px) {

	.btext2 h2, .btext3 h2 { font-size: 26px; line-height: 46px; letter-spacing: 10px; }
	.btext2 div, .btext3 div{ height: 56px; }


}

@media screen and (max-width:1400px) and (max-height:800px) {

}

@media screen and (max-width:1250px) {

}

@media screen and (max-width:1100px) {


	.btext2 h2, .btext3 h2 { font-size: 24px; line-height: 46px; letter-spacing: 6px; }
	.btext2 p, .btext3 p { font-size: 26px; font-weight:bold; line-height: 28px; }
	.btext2 div, .btext3 div{ height: 50px; }


}

@media screen and (max-width:900px) {


	.btext11,.btext12,.btext13,.btext14,.btext15{ top: 41%; }
	.btext2 h2, .btext3 h2 { font-size: 24px; line-height: 46px; letter-spacing: 6px; }
	.btext2 p, .btext3 p { font-size: 26px; font-weight:bold; line-height: 28px; }
	.btext2 div, .btext3 div{ height: 46px; }


}

@media screen and (max-width:700px) {
	

	.banner{ }
	.swiper-pagination-bullet{ width: 16px; height: 16px; }
	.btext2 h2, .btext3 h2 { font-size: 24px; line-height: 46px; letter-spacing: 6px; }
	.btext2 p, .btext3 p { font-size: 26px; font-weight:bold; line-height: 28px; }
	.btext2 div, .btext3 div{ height: 40px; }
	.btext2 div{ margin-top: 0; }
	.ban_img{ background-position: 45% center !important; }

	.banner .swiper-pagination{ bottom: 26px; overflow: hidden; position: absolute; left: 0; width: auto; left: 3%; }
	.banner .swiper-pagination-bullet{ width: 20px; height: 20px; border: 0; border-radius: 0; background: url(../images/h_dot1.png) center center no-repeat; background-size: 100% 100%; }
	.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: url(../images/h_dot2.png) center center no-repeat; background-size: 100% 100%; }
    .btext11{ width: 18%; left: 5%; }
    .btext12{ width: 18%; left: 25%; }
    .btext13{ width: 18%; left: 45%; }
    .btext14{ width: 18%; left: 65%; }
    .btext15{ width: 18%; left: 85%; }


}

@media screen and (max-width:415px) {
	
}

@media screen and (max-width:376px) {


}

@media screen and (max-width:321px) {

	
	.banner{  }
	.btext2 h2, .btext3 h2{ font-size: 30px; line-height: 32px; }


}


.slick-slide.slick-active .btext11,.swiper-slide.swiper-slide-active .btext11{
	animation: pfimg 0.3s ease-out 0s;
	-webkit-animation: pfimg 0.3s ease-out 0s;
	-moz-animation: pfimg 0.3s ease-out 0s;
	-o-animation: pfimg 0.3s ease-out 0s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; margin-left: 0;
}
.slick-slide.slick-active .btext12,.swiper-slide.swiper-slide-active .btext12{
	animation: pfimg 0.3s ease-out 0.2s;
	-webkit-animation: pfimg 0.3s ease-out 0.2s;
	-moz-animation: pfimg 0.3s ease-out 0.2s;
	-o-animation: pfimg 0.3s ease-out 0.2s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; margin-left: 0;
}
.slick-slide.slick-active .btext13,.swiper-slide.swiper-slide-active .btext13{
	animation: pfimg 0.3s ease-out 0.4s;
	-webkit-animation: pfimg 0.3s ease-out 0.4s;
	-moz-animation: pfimg 0.3s ease-out 0.4s;
	-o-animation: pfimg 0.3s ease-out 0.4s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; margin-left: 0;
}
.slick-slide.slick-active .btext14,.swiper-slide.swiper-slide-active .btext14{
	animation: pfimg 0.3s ease-out 0.6s;
	-webkit-animation: pfimg 0.3s ease-out 0.6s;
	-moz-animation: pfimg 0.3s ease-out 0.6s;
	-o-animation: pfimg 0.3s ease-out 0.6s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; margin-left: 0;
}
.slick-slide.slick-active .btext15,.swiper-slide.swiper-slide-active .btext15{
	animation: pfimg 0.3s ease-out 0.8s;
	-webkit-animation: pfimg 0.3s ease-out 0.8s;
	-moz-animation: pfimg 0.3s ease-out 0.8s;
	-o-animation: pfimg 0.3s ease-out 0.8s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; margin-left: 0;
}

@keyframes pfimg{ 0%{ opacity: 0; margin-left: 13px; }100%{ opacity: 1; margin-left: 0; } }
@-webkit-keyframes pfimg{ 0%{ opacity: 0; margin-left: 13px; }100%{ opacity: 1; margin-left: 0; } }
@-moz-keyframes pfimg{ 0%{ opacity: 0; margin-left: 13px; }100%{ opacity: 1; margin-left: 0; } }
@-o-keyframes pfimg{ 0%{ opacity: 0; margin-left: 13px; }100%{ opacity: 1; margin-left: 0; } }

.profile.active .prof_con{
	animation: pfcon 0.4s ease-out 1.3s;
	-webkit-animation: pfcon 0.4s ease-out 1.3s;
	-moz-animation: pfcon 0.4s ease-out 1.3s;
	-o-animation: pfcon 0.4s ease-out 1.3s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; margin-top: 0;
}
@keyframes pfcon{ 0%{ opacity: 0; margin-top: 20px; }100%{ opacity: 1; margin-top: 0; } }
@-webkit-keyframes pfcon{ 0%{ opacity: 0; margin-top: 20px; }100%{ opacity: 1; margin-top: 0; } }
@-moz-keyframes pfcon{ 0%{ opacity: 0; margin-top: 20px; }100%{ opacity: 1; margin-top: 0; } }
@-o-keyframes pfcon{ 0%{ opacity: 0; margin-top: 20px; }100%{ opacity: 1; margin-top: 0; } }

.profile.active .prof_more{
	animation: pfm 0.4s ease-out 1.3s;
	-webkit-animation: pfm 0.4s ease-out 1.3s;
	-moz-animation: pfm 0.4s ease-out 1.3s;
	-o-animation: pfm 0.4s ease-out 1.3s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1;
}
@keyframes pfm{ 0%{ opacity: 0; }100%{ opacity: 1; } }
@-webkit-keyframes pfm{ 0%{ opacity: 0; }100%{ opacity: 1; } }
@-moz-keyframes pfm{ 0%{ opacity: 0; }100%{ opacity: 1; } }
@-o-keyframes pfm{ 0%{ opacity: 0; }100%{ opacity: 1; } }


.profile.active .porf_bg1{
	animation: pfbg1 0.4s ease-out 0.6s;
	-webkit-animation: pfbg1 0.4s ease-out 0.6s;
	-moz-animation: pfbg1 0.4s ease-out 0.6s;
	-o-animation: pfbg1 0.4s ease-out 0.6s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; left: 48.6% top: 0;
}
@keyframes pfbg1{ 0%{ opacity: 0; left: 49.6%; top: -1%; }100%{ opacity: 1; left: 48.6% top: 0; } }
@-webkit-keyframes pfbg1{ 0%{ opacity: 0; left: 49.6%; top: -1%; }100%{ opacity: 1; left: 48.6% top: 0; } }
@-moz-keyframes pfbg1{ 0%{ opacity: 0; left: 49.6%; top: -1%; }100%{ opacity: 1; left: 48.6% top: 0; } }
@-o-keyframes pfbg1{ 0%{ opacity: 0; left: 49.6%; top: -1%; }100%{ opacity: 1; left: 48.6% top: 0; } }

.profile.active .porf_bg2{
	animation: pfbg2 0.4s ease-out 0.6s;
	-webkit-animation: pfbg2 0.4s ease-out 0.6s;
	-moz-animation: pfbg2 0.4s ease-out 0.6s;
	-o-animation: pfbg2 0.4s ease-out 0.6s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; left: 0; bottom: 0;
}
@keyframes pfbg2{ 0%{ opacity: 0; left: -1%; bottom: -1%; }100%{ opacity: 1; left: 0; bottom: 0; } }
@-webkit-keyframes pfbg2{ 0%{ opacity: 0; left: -1%; bottom: -1%; }100%{ opacity: 1; left: 0; bottom: 0; } }
@-moz-keyframes pfbg2{ 0%{ opacity: 0; left: -1%; bottom: -1%; }100%{ opacity: 1; left: 0; bottom: 0; } }
@-o-keyframes pfbg2{ 0%{ opacity: 0; left: -1%; bottom: -1%; }100%{ opacity: 1; left: 0; bottom: 0; } }

.cul_con li.cul_c1{ 
	animation: cul1 1.2s ease-out 0s;
	-webkit-animation: cul1 1.2s ease-out 0s;
	-moz-animation: cul1 1.2s ease-out 0s;
	-o-animation: cul1 1.2s ease-out 0s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1; margin-top: 0;
}
@keyframes cul1{ 0%{ opacity: 1; margin-top: 6%; } 100%{ opacity: 1; margin-top: 0; } }
@-webkit-keyframes cul1{ 0%{ opacity: 1; margin-top: 6%; } 100%{ opacity: 1; margin-top: 0; } }
@-moz-keyframes cul1{ 0%{ opacity: 1; margin-top: 6%; } 100%{ opacity: 1; margin-top: 0; } }
@-o-keyframes cul1{ 0%{ opacity: 1; margin-top: 6%; } 100%{ opacity: 1; margin-top: 0; } }

.bra_next i{ 
	animation: bnext 0.6s linear 0s infinite alternate;
	-webkit-animation: bnext 0.6s linear 0s infinite alternate;
	-moz-animation: bnext 0.6s linear 0s infinite alternate;
	-o-animation: bnext 0.6s linear 0s infinite alternate;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	opacity: 1;
}
@keyframes bnext{ 0%{ opacity: 1; top: 0; } 100%{ opacity: 1; top: 10px; } }
@-webkit-keyframes bnext{ 0%{ opacity: 1; top: 0; } 100%{ opacity: 1; top: 10px; } }
@-moz-keyframes bnext{ 0%{ opacity: 1; top: 0; } 100%{ opacity: 1; top: 10px; } }
@-o-keyframes bnext{ 0%{ opacity: 1; top: 0; } 100%{ opacity: 1; top: 10px; } }